<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function answer(){
            //根据元素id得到元素对象
            var spanObj=document.getElementById("answer");
            // innerHTML 和 innerText表示设置标签中间的文本
            spanObj.innerText="你还没有男朋友";
            //把字体颜色设置为红色
            spanObj.style.color="red";
            //设置标签的背景颜色为黄色，如果样式中有“-”，应该去掉“-”采用驼峰命名法
            spanObj.style.backgroundColor="yellow";
        }
    </script>
    <style>

    </style>
</head>
<body>
<form action="">
    输入：<input type="text" name="message" value="123">
    <input type="submit" value="执行">
    <br>
    <input type="button" value="两只黄鹂鸣翠柳" onclick="answer()">
    <span id="answer"></span>

</form>

</body>
</html>